/* pages/my/my.wxss */
.my-wrapper{
  background: #f5f4f8;
  height: 100vh;
  .bg-wrapper{
    width: 100%;
    height: 380rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }
  .content-wrapper{
    position: relative;
    width: 100%;
    margin-top: -120rpx;
    padding: 20rpx;
    box-sizing: border-box;
    z-index:999;

    .login-wrapper{
      display: flex;
      align-items: center;
      width:100%;
      height:140rpx;
      background: #ffffff;
      border-radius: 20rpx;
      padding: 20rpx;
      box-sizing: border-box;
      .left{
        display: flex;
        align-items: center;
      }
      .avatar-wrapper{
        width: 100rpx;
        height: 100rpx;
        image{
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
      .user-info{
        margin-left: 20rpx;
        .font{
          color: #a0a0a0;
          font-size: 26rpx;
        }
      }
    }
    .set{
      display: flex !important;
      justify-content: space-between !important;
    }
    .order-wrapper{
      width: 100%;
      padding: 34rpx;
      margin-top: 20rpx;
      box-sizing: border-box;
      background: #ffffff;
      border-radius: 20rpx;
      .title-wrapper{
        display: flex;
        justify-content: space-between;
        margin-top: 10rpx;
        .title{
          font-size: 32rpx;
        }
        .more{
          font-size: 24rpx;
          color: #a9a9a9;
        }
      }
      .list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 40rpx;
        margin-bottom: 10rpx;
        .item{
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          .iconfont{
            font-size: 60rpx;
          }
          .font{
            font-size: 28rpx;
             margin-top: 4rpx;
          }
        }
      }
    }
    .serve-wrapper{
      width: 100%;
      padding: 20rpx;
      box-sizing: border-box;
      background: #ffffff;
      margin-top: 30rpx;
      border-radius: 20rpx;
      .title-wrapper{
        font-size: 34rpx;
      }
      .list{
        margin-top: 20rpx;
        .item{
          display: flex;
          height: 80rpx;
          align-items: center;
          .iconfont{
            color: #b9c490;
             margin-right: 20rpx;
          }
          .font{
            font-size:26rpx;
            color: #a8a8a8;
          }
        }
      }
    }
  }

}